<template>
	<div class="cmt_container">
		<h3>发表评论</h3>
		<hr>
		<textarea placeholder="请输入要BB的内容(最多吐槽120字)" maxlength="120"></textarea>
		<mt-button type="primary" size="large">发表评论</mt-button>

		<div class="cmt_list">
			<div class="cmt_item">
				<div class="cmt_title">
					第一楼&nbsp;&nbsp;用户:匿名用户&nbsp;&nbsp;发表时间:2018-12-18 14:03:24
				</div>
				<div class="cmt_body">
					锄禾日当午 汗滴禾下土
				</div>
			</div>
			<div class="cmt_item">
				<div class="cmt_title">
					第一楼&nbsp;&nbsp;用户:匿名用户&nbsp;&nbsp;发表时间:2018-12-18 14:03:24
				</div>
				<div class="cmt_body">
					锄禾日当午 汗滴禾下土
				</div>
			</div>
			<div class="cmt_item">
				<div class="cmt_title">
					第一楼&nbsp;&nbsp;用户:匿名用户&nbsp;&nbsp;发表时间:2018-12-18 14:03:24
				</div>
				<div class="cmt_body">
					锄禾日当午 汗滴禾下土
				</div>
			</div>
		</div>


		<mt-button type="danger" size="large" plain>加载更多</mt-button>
	</div>
</template>

<script type="text/javascript">
	
</script>

<style lang="scss" scoped>
.cmt_container {
	h3 {
		font-size: 18px;
	}
	textarea {
		font-size: 14px;
		height: 85px;
		margin: 0;
	}
	.cmt_list{
		margin: 5px;
		.cmt_item{
			font-size: 13px;
			.cmt_title{
				line-height: 30px;
				background-color: #ccc;
			}
			.cmt_body{
				line-height: 35px;
				text-indent: 2em;
			}
		}
	}
}	
</style>